<template>
	<view class="adderss_page">
		<view class="address_list">
			<u-swipe-action>
				<u-swipe-action-item :options="options1" v-for="index  in 5" :key="index">
					<view class="swipe-action u-border-top u-border-bottom">
						<view class="swipe-action__content">
							<view class="swipe-action__content__addess">
								<view class="swipe-action__content__text">广州市 招商银行广场大厦 20楼</view>
								<view class=" swipe-action__content__user_info">李(先生) 15934067710</view>
							</view>
							<u-icon @click="handelGoto" name="https://img.fy6b.com/2023/02/27/0d7291db7a40d.png"
								color="#999" size="18"></u-icon>

						</view>
					</view>
				</u-swipe-action-item>
			</u-swipe-action>
		</view>
		<u-empty v-if="false" text="暂无收货地址" icon="https://img.fy6b.com/2023/02/24/d3572a4dc9f7b.png">
		</u-empty>
		<view class="address_btn" @click="handelGoto">添加地址</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			options1: [{
				text: '删除',
				style: {
					backgroundColor: '#DC483C',
				}
			},
			]
		};
	},
	methods: {
		handelGoto() {
			uni.navigateTo({
				url: '/pages/addressList/addressList'
			});
		},
	}
}
</script>

<style lang="scss" scoped>
.adderss_page {
	::v-deep .u-empty {
		margin-top: 394rpx !important;
	}

	.u-page {
		padding: 0;

	}

	.u-demo-block__title {}

	.swipe-action {
		background-color: #fff;
		border-bottom: 1rpx solid #eeee;
		margin: 0 30rpx;

		&__content {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 45rpx 0;

			&__addess {
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #222222;
			}

			&__text {
				width: 516rpx;
			}

			&__user_info {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #999999;
				margin-top: 22rpx;
			}
		}
	}
}

.address_btn {
	position: absolute;
	bottom: 85rpx;
	left: 50%;

	width: 690rpx;
	height: 78rpx;
	line-height: 78rpx;
	background: #DC483C;
	border-radius: 39rpx;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	margin-left: -345rpx;
	text-align: center;

}
</style>
